<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/goodsdetails.css">
    <script src="../js/jquery-3.3.1.js"></script>
    <script src="../js/goodsdetails.js"></script>
    <script src="../js/jquery.spinner.js"></script>
    <script src="../js/jquery.fly.min.js"></script>
    <script src="../js/requestAnimationFrame.js"></script>
    <script src="../js/cookie/jquery.cookie.js"></script>
    <script src="../js/layer/layer.js"></script>
</head>

<body>
    <header></header>
    <section>
        <div id="content" class="wrapper clearFixed">
            <div id="goods_details clearFixed">
                <div class="crumb" id="g-meue">
                    <a href="javascript:;;">首页</a>
                    >
                    <a href="javascript:;;">全球购</a>
                    >
                    <span>
                        <a href="javascript:;;" id="class-namelink">七渡</a>
                    </span>
                    >
                    <span class="navTle">女士牛仔服</span>
                    <div class="detail-countdown-wrapper">
                        <span class="detail-countdown">
                            <div class="countdown endtime">剩余: <span class="day"></span> 天 <span class="hours"></span> 时
                                <span class="miute"> 分</span><span class="ms"></span> 秒 </div>
                        </span>
                    </div>
                </div>
                <div class="detail-meta">
                    <div class="detail-meta-bg clearFixed">
                        <!-- 放大镜 -->
                        <div class="side-wrapper">
                            <!-- 装小区域大区域的盒子 -->
                            <div class="carousel-wrapper carousel-control">
                                <!-- 小区域 -->
                                <div class="smallarea"></div>
                                <!-- 大区域 -->
                                <div class="bigarea">
                                        <div class="bigimgBox">
                                            <!-- <img src="http://127.0.0.1:8080${el}" alt="biglzlv1.jpg" class="bigImg"> -->
                                            </div>
                                        </div>
                                <!-- 中图 -->
                                <a href="javascript:;;" class="mildBox">
                                    <!-- <img src="../images/biglzlv1.jpg" alt="biglzlv1.jpg" class="middle-img"> -->
                                </a>
                            </div>
                            <!-- 小小图 -->
                            <ul class="Goods_thums">
                            </ul>
                        </div>
                        <div class="main-wrapper">
                                <!-- 邮寄地址 -->
                                <div class="send">
                                    <img class="over-jake" src="http://b0.hucdn.com/img/contry/ct_18.png">
                                    <p class="send-cty">
                                        <span class="over-countyEn over-yahei">
                                            South Korea
                                        </span>
                                        <span class="over-county over-yahei">韩国直采</span>
                                    </p>
                                    <span class="send-time">
                                        2天内从贝贝自营保税仓发货，支付后预计3-5天到达 </span>
                                </div>
                                <!-- 标题及小标题 -->
                                <div class="title">
                                    <img class="over-brand-img"
                                        src="http://b1.hucdn.com/upload/brand/1507/08/42620986149971_200x100.jpg">
                                    <h3 class="goods-title over-yahei">LANEIGE/兰芝 兰芝 雪纱丝柔防晒隔离霜SPF25/PA++30ml</h3>
                                    <p class="over-memo">韩国LANEIGE兰芝雪纱丝柔隔离霜30ml紫绿防晒保湿提亮肤色防晒隔离形成肌肤保护屏，修饰肤色，高度贴合肌肤，提亮美颜，打造活力感！
                                    </p>
                                </div>
                                <!-- 价格 -->
                                <div class="price-info priceWrap">
                                    <span class="f-grey">
                                        特卖价
                                    </span>
                                    <div class="over-price">
                                        <div class="pink">
                                            <em class="f-28">¥</em>
                                            <em class="price">144.00</em>
                                        </div>
                                        <span class="baoyou">包邮</span>
                                        <span class="over-zhe">5.5折</span>
                                        <span class="market">参考价:¥<em class="mkpice oldP">259</em></span>
                                        <span class="market">省:¥<em class="mkpice">115</em></span>
                                        <span class="ico-place"></span>
                                    </div>
                                </div>
                                <div class="sale-attrs">
                                    <div class="attention-head">
                                        请选择你要的商品信息
                                    </div>
                                    <!-- 税费 -->
                                    <div class="attr m-tax-notice clearFixed">
                                        <label>税费</label>
                                        <div class="over-picebox">
                                            <span>￥<span class="taxpice">16.3</span></span>
                                            <span>税费收取规则</span>
                                            <i class="xiala"></i>
                                        </div>
                                        <div class="more-info oversea-more-info view-taxMoreNotice nic">
                                            <ul>
                                                <li>根据政策规定，本商品适用税种包括：</li>
                                                <li>增值税16%，消费税0%，关税0%</li>
                                                <li>（其中若单笔订单金额&lt;=2000元，增值税和</li>
                                                <li>消费税各减免30%）</li>
                                            </ul>
                                            <p class="arrow"></p>
                                        </div>
                                    </div>
                                    <!-- 优惠详情 -->
                                    <div class="attr m-sale-attr clearFixed">
                                        <label>优惠</label>
                                        <div style="display:inline-block;margin-bottom:6px;cursor:pointer;"
                                            class="promotions-info"><em
                                                style="border-width:0;padding:2px 2px 2px 3px;background-color:#E31436;color:#FFFFFF;margin-right:3px;"
                                                class="green-tag">免税</em>买就包税</div><br>
                                        <span class="promotions-info return-info view-ReturnInfo">
                                            <em class="orange-tag">返</em> 购买后约返10个贝壳 <i class="xiala"></i>
                                            <div class="more-info view-ReturnMoreInfo beike">
                                                <ul>
                                                    <li>确认收货后领取到账。自收货起7天内可领取，100贝壳=1元，<br>购物可抵现金。</li>
                                                    <li>返贝壳数量与订单实付金额有关，不含满减（满折），<br>现金券和贝壳抵现的金额。</li>
                                                    <li>不同等级会员下单后所返贝壳数量不同，等级越高，返的越多，<br>最终以实际到账为准。</li>
                                                </ul>
                                                <p class="arrow"></p>
                                            </div>
                                        </span>
                                    </div>
                                    <!-- 颜色、规格 -->
                                    <div class="view-SkuSelect clearFixed">
                                        <div class="attr view-SkuSelectItem">
                                            <label>颜色</label>
                                            <ul class="attr-values colors">
                                             
                                                <!-- <li class="view-SkuSelectItemValue">
                                                    <a href="javascript:;;">
                                                        <div class="thumb-box">
                                                            <img src="../images/smlz1.jpg" alt="lv" height="25"
                                                                width="25">
                                                        </div>
                                                        <span class="color">紫色</span>
                                                    </a>
                                                </li> -->
                                            </ul>
                                        </div>
                                    </div>
                                    <!-- 数量 -->
                                    <div class="attr buy-num pure-form clearFixed">
                                        <label>数量</label>
                                        <div class="UpDownNum">
                                            <button href="javascript:;;" class="decrease"></button>
                                            <input type="text" name="downInput" value="1" class="inputNum">
                                            <a href="javascript:;;" class="count_Up"></a>
                                        </div>
                                    </div>
                                    <!-- 购买按钮等 -->
                                    <div class="ops clearFixed">
                                        <a href="javascript:;;" class="add-btn">
                                            <div class="addCartText">
                                                <div class="price-wrap">
                                                    <div class="buy-type">单独购买</div>
                                                </div>
                                            </div>
                                        </a>
                                        <a href="javascript:;;" class="mobile-buy">
                                            手机购买
                                            <i class="ico-mobile"></i>
                                            <div class="canvas">
                                                <img src="../images/bigerwm.png" alt="二维码">
                                            </div>
                                        </a>
                                        <!-- 继续购买按钮 -->
                                        <a href="./shopcar.html" class="continue-buy-btn view-NextStepBuyBtn show">立即去购物车</a>
                                    </div>
                                    <!-- 花里胡哨 -->
                                    <div class="sale-approve">
                                        <img src="//h0.hucdn.com/open/201804/6926577181d6771f_435x38.png">
                                        <span class="ico-place1"></span>
                                    </div>
                                </div>
                            </div>
                    </div>
                    
                </div>
            </div>
            <div class="detail-main">
                <div class="main-content">
                    <div class="detail-info">
                        <div class="nav-bar">
                            <ul class="nav-menu clearFixed">
                                <li class="current">
                                    <i class="icon-img"></i>
                                    商品详情
                                </li>
                                <li>
                                    <i class="icon-bang"></i>
                                    买家口碑
                                </li>
                                <li>
                                    <i class="icon-quetion"></i>
                                    常见问题
                                </li>
                                <li>
                                    <i class="icon-king"></i>
                                    贝贝优势
                                </li>
                            </ul>
                        </div>
                        <div class="cont">
                            <div class="table">
                                <img src="../images/goods1.png" alt="商品详情">
                            </div>
                            <div class="pic">
                            </div>
                            <h3 class="recommend-title">商品详情</h3>
                            <div class="content">
                                <p>
                                    <img src="../images/goods3.jpg" alt="商品详情">
                                </p>
                            </div>
                        </div>
                    </div>
                    <div class="detail-info1">
                        <div class="detail-info1">
                            <h3 class="comment-title  recommend-title con2-mj"><i class="iconfont cont-index"></i> 买家口碑
                                <small>本商品由LANEIGE/兰芝发货并提供售后服务</small>
                            </h3>
                            <div class="comment-items pure-u-1 white-bg box-shadow view-Comments" c-rid="04004">
                                <div class="none-comments">新鲜特卖，暂无评价</div>
                            </div>
                        </div>
                    </div>
                    <div class="detail-info1">
                        <div class="detail-info1">
                            <h3 class="comment-title  recommend-title con2-que"><i class="iconfont cont-index"></i> 常见问题
                            </h3>
                            <div class="comment-items ">
                                <div class="quetion">
                                    <img src="../images/quetion.png" alt="问题">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="detail-info1">
                        <div class="detail-info1">
                            <h3 class="comment-title  recommend-title con2-good"><i class="iconfont cont-index"></i> 贝贝优势
                            </h3>
                            <div class="comment-items ">
                                <div class="quetion">
                                    <img src="../images/good4.png" alt="问题">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="detail-sidebar">
                    <img src="../images/good5.png" alt="相似推荐">
                </div>
            </div>
        </div>
    </section>
    <footer></footer>
    <div class="side-panel" ba-ins="fn.repairSidePanel" style="bottom: 110px;">
        <div title="购物车" id="sidebar-cart" class="side-panel-item view-SideBarCartTrigger" style="position: relative;">
            <div class="view-SideBarCartTriggerBtn side-panel-item-wrap"></div>
            <div class="view-SideBarCart side-panel-item-cart"
                style="width: 350px; position: absolute; right: 0px; bottom: -100px; left: -350px; display: none;">
                <div wg-view="main" widget-id="widgetCartBox8036333531564449715965" widget-name="widgetCartBox"
                    style="background: transparent; border: 1px solid rgb(255, 84, 130); width: 350px; text-align: left; color: rgb(0, 0, 0); z-index: 29; cursor: default; position: relative;">
                    <div wg-view="title" op-value="title"
                        style="padding: 2px 15px; border-bottom: 1px solid rgb(227, 227, 227); background: rgb(255, 249, 251); font-size: 13px; text-align: center; color: rgb(255, 84, 130);">
                        <i class="iconfont"></i> 购物车中有<b class="goodnum" style="color: rgb(229, 51, 99);" class="goodnum">1件</b>商品</div>
                    <ul wg-view="list" op-each="cartInfo" op-each-item="ListItem"
                        style="background: rgb(255, 255, 255); overflow-y: hidden;" class="cartInfor2">
                        <li class="empty-cart"
                            style="font-size: 16px; color: rgb(153, 145, 140); padding: 80px 0px; text-align: center; position: relative; overflow: hidden; list-style: none; cursor: pointer; border-bottom: none;">
                            <span class="note"
                                style="width: 100%; display: block; transition: all 0.2s ease 0s; position: absolute; left: 0px; top: 80px; margin: 0px; padding: 0px;">赶快去挑选商品吧！</span><span
                                class="shopping"
                                style="width: 100%; display: block; transition: all 0.2s ease 0s; position: absolute; left: -100%; top: 80px;"><i
                                    class="iconfont"></i> 去专场逛逛</span></li>
                    </ul>
                    <div wg-view="footer"
                        style="height: 47px; border-top: 1px solid rgb(227, 227, 227); background: rgb(255, 249, 251);">
                        <div wg-view="footerTotal"
                            style="font-size: 13px; color: rgb(102, 102, 102); padding: 10px 15px; position: absolute;">
                            小计：<span wg-view="footerTotalNum" op-value="totalPrice"
                                style="color: rgb(229, 51, 99); font-size: 18px;" class="headcarT">¥0.00</span></div>
                        <div wg-view="footerBtnBar"><a class="tocarts" href="javascript:;;" wg-view="footerSettleBtn"
                                op-value="settleBtnText,settleBtnLink" op-attr="*,href"
                                style="background: rgb(255, 84, 130); padding: 4px 12px; font-size: 13px; color: rgb(255, 255, 255); border-radius: 4px; border-width: 1px 1px 2px; border-style: solid; border-color: rgb(255, 60, 112) rgb(255, 60, 112) rgb(229, 51, 99); border-image: initial; float: right; margin-right: 15px; margin-top: 6px; height: 24px; width: auto; line-height: 24px;"><i
                                    class="iconfont"></i>去购物车结算</a></div>
                    </div>
                    <div wg-view="footerBg"></div>
                </div>
            </div><i class="icon-cart"></i><span class="notify">
                <!-- 购物车总数量 -->
                <em class="cart-num"></em>
            </span>
        </div>
        <div title="手机APP" class="side-panel-item view-SidePhoneApp side-panel-App">
            <div class="side-panel-phone" style="display: none;">
                <p>下载手机APP</p>
                <p>随时随地查新</p>
                <img src="//b1.hucdn.com/upload/prom/1411/28/40450807220001_158x158.jpg">
            </div>
            <i class="icon-phone"></i>
        </div>
        <a href="//www.beibei.com/support/help/frequently_qa_1.html" title="客服在线" ba-ins="click~kf" id="kfzx"
            class="side-panel-item"><i class="icon-kefu"></i>
            <span class="tip-txt">客服在线</span></a>
        <div title="回到顶部" ba-ins="click~backToTop" id="elevator" class="side-panel-item"><i class="icon-top"></i><span
                class="top-txt">回到顶部</span></div>
    </div>
</body>

</html>
<script>
    $(function () {
        $("header").load("./indexhead.html");
        $("footer").load("./index1foot.html")
    })
</script>